html, body
   {
     color:black;
	   margin: 0;
	   padding: 0;    /*zawsze używaj tych trzech powyżej by wyzerować ustawienia */
     align:center;
     background:url("./image/tlo.jpg") repeat-x;
   }



#CIEN
  {
    width:960px;
    background:url(./image/cien.png)repeat-y;;
    margin:0px auto;
    padding:0px;
  }
  
#STR
  {
    width:940px;
    
    background-color:white;
    margin:0px auto;
    padding:0px;
  }

#ADRES
  {
    color:white;
    width:930px;
    margin:0px auto;
    background-color:black;
    height:20px;
    padding:0px 0px 0px 10px;
  }

#ADRES a:link, #ADRES a:visited
   {
 
     text-decoration: none;
     color:white;
     font-family:sans-serif;
     font-size:13px;
   }


#LOGO
  {
    background:url(./image/mewaflex_logo.png) no-repeat;
    height:45px;
    width:935px;
    margin:0px 0px 0px 5px;
    
  }

#LOGO h1
  {
    margin:0px;
    padding:10px 0px 0px 220px;
    float:left;
  }

#TOP_MENU
  {
    width:480px;
    height:30px;
    float:right;
    overflow:hidden;   
    padding:0px;
    margin:0px; 
  }
  
#TOP_MENU ul 
  {
	  display: block;
	  list-style: none;
	  margin:0px 0px 0px 0px;
	  padding:0px;
	  float:right;
  }

#TOP_MENU li 
  {
	  display: block;
	  white-space: nowrap;
	  margin:0px 0px 0px 3px;
	  float:left;
  }
   
#TOP_MENU ul a:link, #TOP_MENU ul a:visited
  {    
    background-color:rgb(0,96,176);
    height:30px;
    text-decoration: none;
    color:white;
    font-family:sans-serif;
    font-size:14px;
    display:block;
    margin:0px;
    padding:7px 5px 5px 5px;
    
  }

#TOP_MENU ul a:hover
  {
    background-color:grey;
  
  }

#FOTKI
  {
    margin:10px 0px 0px 0px;
    background:url(./image/fotki.jpg) no-repeat;
    width:940px;
    height:250px;
    padding:0px 0px 0px 0px;
  }

#IMAGE
  {
    background-color:grey;
    width:147px;
    height:210px;
    float:left;
    margin:16px 18px 0px 22px;
  }

#IMAGE img
  {
    border-width:0px;
  }
  

#MENU
  {
    clear:left; 
    width:220px;
    margin:0px 0px 0px 0px;
    padding:0px;
    float:left;
   
    
  }

#MENU dl, #MENU dt, #MENU dd, #MENU ul, #MENU li 
  {
	  display: block;
	  list-style: none; 
  }

#MENU dl
  {
    margin:0px;
  }

#MENU dt
  {
    background: #000 url("./image/bg_m_b_z.gif") no-repeat left;
    margin:6px 0px 0px 0px;
    height:30px;
  }

#MENU dt a:link, #MENU dt a:visited
  {
    background: #000 url("./image/bg_m_n.jpg") repeat-x center;
    
    color:white;
    text-decoration:none;
    font-family:sans-serif;
    font-size:15px;
    display:block;
    margin:0px 0px 0px 6px;
    padding-top:6px; 
    padding-left:5px;
    padding-bottom:1px;
    height:23px;
  }

#MENU dt a:hover
  {
    background: #000 url("./image/bg_m_b.gif") repeat-x center;
  }

#MENU dt.dodaj a
  {
    color:grey;
  }

#MENU dd
  {
    
    margin:0px 1px 0px 10px;
    padding:2px 0px;
    
  }

#MENU dd a:link, #MENU dd a:visited
  {
	 
    
    color:black;
    text-decoration:none;
    font-family:sans-serif;
    font-size:13px;
    display:block;
    background:url("./image/znaczek.gif") no-repeat left;
    margin:2px 4px;
    padding:0px 0px 0px 20px;
  }
  
#MENU dd a:hover
  {
    color:red;
  }

#MENU dd.dodaj a
  {
    color:blue;
    text-decoration:underline;  
  }
  
#MENU ul
  {
    display:block;
    margin:0px 0px 0px 15px;
    padding:0px;
  }

#MENU li
  {
    display:block;
    margin:8px 0px;
    padding:0px;
  }
  
#MENU li a:link, #MENU li a:visited
  {
    
    color:black;
    text-decoration:none;
    font-family:sans-serif;
    font-size:13px;
    display:block;
    background:url("./image/znaczek.gif") no-repeat left;
    margin:2px 4px;
    padding:0px 0px 0px 20px;
    
  }

#MENU li a:hover
  {
    color:red;
  }

#MENU li.dodaj a
  {
    color:blue;
    text-decoration:underline;
  }
   
#TRESC
  {
    width:700px;
    margin:5px 0px 10px 5px;
    float:left;
    
  }

#TRESC_W
  {
    width:940px;
    margin:5px auto;
  
  }

#TRESC form
  {
    display:inline;
  }
  
#ART_TITLE
  {
    background-color:#DDDBA0;
    display:block;
    margin:0px;
    height:29px;
    border-style:dotted;
    border-width:0px 0px 1px 0px;
    color:black; 
  }

#ART_TITLE h2
  {
    color:black;
    margin:0px 0px 0px 10px;
    display:inline;
  }

#ART_TITLE_ICONS
  {
    display:block;
    display:inline;
    float:right;
    margin:2px 5px 0px 0px;
    font-size:12px;
  }
  
#ICONY
   {
     background-color:white;
     border-style:solid;
     border-color:black;
     border-width:1px;
     margin:0px 0px;
     padding:3px 5px 1px 5px;
   } 

#ICONY img
   {
     display:inline;
     border:0px;
   }

#ICONY ul
   {
     display:inline;
   }

#ICONY li
   {
     display:inline;
   }  
 
 
   
#ART_BODY
  {
    overflow:hidden;
  }


#ART_BODY p
  {
    font-size:15px;
    font-family:sans-serif;
    text-align:justify;
    color:black;
    margin:2px 0px 6px 0px;
    padding:5px 20px 5px 10px;
  }

#ART_BODY p > i
  {
    font-size:12px;
    color:gray;
  }

#ART_BODY a:link img, #ART_BODY a:visited img
  {
    border-width:0px;
   
  }

#MINIATURY 
  {
    padding:3px 5px 3px 6px;
    background-color:#DDDBA0;
  }
#MINIATURY a:link img, #MINIATURY a:visited img
  {
    display:inline;
    margin:5px 1px 0px 1px;
    border-color:black;
    border-width:2px;
    
  }
  
a.buton
  {
   text-decoration:none; 
  }

  
#WYLOGUJ 
  {
    margin:5px 10px 0px 0px;
    padding:0px;
    float:right;  
  } 

#STOPKA
   {
     display:block;
     background-color:black;
     color:white;
     width:910px;
     margin:4px auto; 
     clear:both;   
   }
#STOPKA p
   {
     text-align:center;
     font-size:12px;
     display:block;
     padding:10px;
     margin:0px;

   }